<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
    <title>显示隐藏</title>
<style>
    #div1{
    	width:100px;height:100px;border:1px solid black;
    }
    .box{
    	background:red;
    }
</style>
<script>
    function toRed(){
    	var oDiv = document.getElementById('div1');
    	//js唯一和html不同的就是class,因为是保留关键字，所以不能直接使用,要写成className
    	//oDiv.class = 'box';   //无效
    	oDiv.className = 'box';   //有效
    }

</script>
</head>
<body>
    <input type="button" value="变红" onclick="toRed()"/>
    <div id="div1"></div>
</body>
</html>



























